/*---CHAT HEADER---*/

#chatheader {
        max-width: 480px;
}

#header-left-col {
        float: left;
        width: 60%;
}

#header-right-col {
        float: right;
        text-align: right;
        width: 40%;
        margin-top: 4px;
}

/*---CHAT BODY---*/

#chatbody {
        max-width: 480px;
        clear: both;
        padding: 4px;
}

#body-left-col {
        float: left;
	top : 0;
	right : 0;
	bottom : 0;
        width: 100%;
	max-width : 480px;
	color : #000000;
        padding: 0;
        margin: 0;
}

/*---TABS---*/

#tabBar {
        position: relative;
        width: 100%;
}

#tabBar div {
        display: inline;
	margin : 0px;
	padding-left : 10px;
	padding-right : 10px;
	color : #114;
	font-size : .8em;
        font-weight: bold;
        border : 1px solid #AAA;
        border-bottom : 0px;
        width: 50%;
        line-height: 1.5em;
}

.selectedTab {
	background : #EEF;
	padding : 3px;
}

.hiddenTab {
	background : #CCD;
	padding : 3px;
	padding-bottom : 2px;
}

#chat_contents {
    background: #ffffff; 
    color: #000000; 
    padding: 4px; 
    margin-right: -10px;
    min-height: 120px;
    max-width: 480px;
    overflow : auto; 
    border : 1px solid #AAA;
}

#chat_contents p, span {
    font-size: .8em;
}

#commentfrm {
	background : #EEF;
	color : #000000;
        width: 100%;
        border : 1px solid #AAA;
        border-top : 0px;
        margin: 0px;
        padding: 4px;
        line-height : 1.5em;
}

#commentfrm textarea {
	margin-right : auto;
	margin-left : auto;
        font-size: .8em;
        width: 78%;
        height: 32px;
        margin-bottom: 0px;
}

#sendbutton {
        vertical-align: top;
        width: 20%;
        height: 38px;
        margin-left: 2px;
        padding: 0px;
}

#body-right-col {
        float: right;
	top : 0;
	right : 0;
	bottom : 0;
        width: 100%;
	max-width : 200px;
	background : #EEF;
	color : #000;
}

#membersblock{
        display: none;
        margin: 0;
	background : #EEF;
	color : #000;
        border : 1px solid #AAA;
        margin-top: 0px;
        margin-bottom: 0px;
	min-height : 120px;
        overflow: auto;
}

#members p {
        font-size: .8em;
}

.datetime {
        color: #999999;
}
